<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/baokao.css">
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>

<body onload="city();">
  <header>
    <div class="container">
      <ul class="clearfix">
        <li>
          <a href="#">报考首页</a>
        </li>
        <li>
          <a href="#">报考首页</a>
        </li>
        <li>
          <a href="#">报考首页</a>
        </li>
        <li>
          <a href="#">报考首页</a>
        </li>
        <li>
          <a href="#">报考首页</a>
        </li>
        <li>
          <a href="#">报考首页</a>
        </li>
        <li>
          <a href="#">报考首页</a>
        </li>
      </ul>
    </div>
  </header>
  <!-- 主要内容区域 -->
  <div class="main">
    <div class="container clearfix">
      <!-- 左侧区域 -->
      <div class="zuoce fl">
        <!-- 选择区域 -->
        <div class="xuanze">
          <div class="title">选择学校</div>
          <div class="biaodan">
            <div class="diqu" >
              <select name="" id="b1" onmouseleave="school();" >
                <!--<option value="北京"></option>
				<option value="上海"></option>-->
              </select>
            </div>
<script>
  function city() {
    $(function () {
      $.get("choosecity",function (a) {
        console.log(a);
        for(var i=0;i<a.length;i++){
          $('<option value="'+a[i].city+'">'+a[i].city+'</option>').appendTo("#b1")
        }
      })
    })
  }
</script>
<script>


</script>

<script>
  var url;
function school() {
  var myselect=document.getElementById("b1");
  var index=myselect.selectedIndex;
  var cityname=myselect.options[index].text;
  var myselect1=document.getElementById("b2")
  myselect1.innerHTML="";
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 url = "chooseschool?city="+cityname+"";
  console.log(url)/*
  xmlhttp.open("get",url,true);             //把值传给GoodsCarServlet
  xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == 4){
      resultDiv.innerHTML = xmlhttp.responseText;

    }
  }
  xmlhttp.send();*/

  $(function () {
    $.get(url,function (a) {
      console.log(a);
      for(var i=0;i<a.length;i++){
        $('<option value="'+a[i].school+'">'+a[i].school+'</option>').appendTo("#b2")
      }
    })
  })
}
</script>

            <div class="xuexiao">
              <select name="" id="b2">
                <!--<option value="北京大学">北京大学</option>-->
              </select>
            </div>
            <div class="zixun">
              <select name="" id="">
                <option value="院校资讯">院校资讯</option>
              </select>
            </div>
          </div>
          <button class="button" style="    width: 249px;" onclick="skip();">
            <a class="searchSchoolBtn" id="b4" >查看</a>

          </button>
        </div>
 <script>
   function skip() {
     var url;
     var myselect=document.getElementById("b2");
     var index=myselect.selectedIndex;
     var school=myselect.options[index].text;
      url="skip?school="+school+"";
     if (window.XMLHttpRequest)
     {
       // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
       xmlhttp=new XMLHttpRequest();
     }
     else
     {
       // IE6, IE5 浏览器执行代码 
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
     $(function () {
       $.get(url,function (a) {
           window.open(a[0].url);
       })

     })
   }
 </script>
        <!-- 热门区域 -->
        <div class="hot">
          <div class="title">热门学校</div>
          <div class="anniu">
            <ul class="clearfix">
              <li class="act">华北</li>
              <li>华东</li>
              <li>华南</li>
              <li>其他</li>
            </ul>
          </div>

<script>
  $(function () {
    $.get("choose",function (a) {
      console.log(a);
      for(var i=0;i<a.length;i++){
        $('<li>\n' +
                '                <img src='+a[i].picture+' alt="">\n' +
                '                <span>'+a[i].school+'</span>\n' +
                '              </li>').appendTo("#b3")
      }
    })
  })
</script>
          <div class="list">
            <ul class="clearfix" id="b3">
              <!--<li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>
              <li>
                <img src="./img/timg.jpg" alt="">
                <span>北京大学</span>
              </li>-->
            </ul>
          </div>
        </div>
      </div>
      <!-- 右侧区域 -->
      <div class="youce fr">
        <div class="floor1">
          <div class="title">报考攻略</div>
          <div class="neirong">
            <ul>
              <li>
                <div class="top">定方向</div>
                <p>三步走优势选定方向</p>
                <p>如何正确选择方向</p>
              </li>
              <li>
                <div class="top">定方向</div>
                <p>三步走优势选定方向</p>
                <p>如何正确选择方向</p>
              </li>
              <li>
                <div class="top">定方向</div>
                <p>三步走优势选定方向</p>
                <p>如何正确选择方向</p>
              </li>
              <li>
                <div class="top">定方向</div>
                <p>三步走优势选定方向</p>
                <p>如何正确选择方向</p>
              </li>
            </ul>
          </div>
        </div>
        <div class="floor2 clearfix">
          <div class="fl">
            <div class="top">
              <ul class="clearfix">
                <li>政策新闻</li>
                <li class="act">政策新闻</li>
              </ul>
            </div>
            <div class="bottom">
              <ul>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
              </ul>
            </div>
          </div>
          <div class="fr">
            <div class="top">
              <ul class="clearfix">
                <li class="act">政策新闻</li>
              </ul>
            </div>
            <div class="bottom">
              <ul>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
                <li><span>河南工业大学2019年毕业生就业质量报告</span></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="floor3">
          <div class="hot">
            <div class="top">
              <ul class="clearfix">
                <li class="act fl">政策新闻</li>
                <li class="fr">查看全部专业</li>
              </ul>
            </div>
            <div class="bottom">
              <div class="floor">
                <ul class="clearfix">
                  <li class="first">管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li class="last">管理学</li>
                </ul>
              </div>
              <div class="floor">
                <ul class="clearfix">
                  <li class="first">管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li>管理学</li>
                  <li class="last">管理学</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>
